<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./commom.css">
</head>
<body>
    <div id="db-global-nav"> <!-- nav:导航，global:全局 item：列表-->
        <div class="bd">
            <div class="top-nav-info">
                <a href="">登录/注册</a>
            </div>
            <div class="top-nav-doubanapp">
                <a href="">下载豆瓣客户端</a>
            </div>
            <div class="global-nav-items">
                <ul>
                    <li><a href="">豆瓣</a></li>
                    <li><a href="">读书</a></li>
                    <li><a href="">电影</a></li>
                    <li><a href="">音乐</a></li>
                    <li><a href="">同城</a></li>
                    <li><a href="">小组</a></li>
                    <li><a href="">月读</a></li>
                    <li><a href="">FM</a></li>
                    <li><a href="">时间</a></li>
                    <li><a href="">豆品</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div id="db-nav-book" class="nav">
        <div class="nav-wrap">
            <div class="nav-primary">
                <div class="nav-logo">
                    <a href="">豆瓣读书</a>
                </div>
                <div class="nav-search">
                    <form action="">
                        <fieldset>
                            <legend>搜索：</legend>
                            <label for="inp-query"></label>
                            <div class="inp">
                                <input id="inp-query" name="search_text" size="22" maxlength="60" placeholder="书名、作者、ISBN" value="" autocomplete="off">
                            </div>
                            <div class="inp-btn">
                                <input type="submit" value="搜索">
                            </div>
                            <input type="hidden" name="cat" value="1001">
                          </fieldset>
                    </form>
                </div>
            </div>
        </div>
        <div class="nav-secondary">
            <div class="nav-items">
                <ul>
                    <li>购书单</li>
                    <li>电子图书</li>
                    <li>豆瓣书店</li>
                    <li>2020年度榜单</li>
                    <li>2020书影音报告</li>
                    <li class="book-cart">
                        <a href="#" target="_blank">购物车</a>
                    </li>
                </ul>
            </div>
            <a href="#" class="boolannual"></a>
        </div>
    </div>
</body>
</html>